@CHARSET "ISO-8859-1";

body {
	background-color: grey; 
	color:white;
}

#userinfo {
	display:block; 
	position: relative; 
	height: 150px;
	//border: 2px solid black;
}

#useravatar {
	display:block; 
	position: relative; 	
	width: 150px; 
	height: 150px;
	//border: 2px solid black; 
	float: left;
}

#userdetails {
	display:block; 
	position: relative; 
	width:350px;
	height: 150px;
	//margin-top: 10px;
	margin-left: 50px;
	//padding-left:50px;
	//border: 2px solid orange;	
		float: left;
}

#calendar {
	display:block; 
	position: relative; 
	width:200px;
	height: 150px;
	margin-left: 100px;
	float: left;		
}

#signout { 
	display:block; 
	position: relative; 
	width:150px;
	height: 120px;
	margin-left: 200px;
	padding-top:30px;
	float: left;		
}

#signout a:link 
{
	color:red;
	text-decoration:underline; 
}

#signout a:hover { 
	color:yellow;
	text-decoration:none;
}


.outbox {
	color:white;
	background-color:grey;
	border-width:0px 0px 1px 0px;
}

#tabs {
	display:block; 
	position: relative; 	
}

#tabstitle {
	display:block; 
	position: relative; 
	margin-top: 30px;
	width: 180px;
	height:750px;
	//border: 2px solid orange;
	float: left; 
}

.tabMenu {
	//width:150px; 
	margin:0px; 
	//margin-top: 3px; 
	padding: 5px; 
	background-color:#2E2E2E;
	border-style:solid; 
	border-color:#D8D8D8;
	border-width:0px 0px 1px 0px;	
}

.tabMenu:hover {
	background-color:#91B5FF;
}

.tabsList {
	display:none; 
	//width:150px; 
	margin:0px; 
	//margin-top: 3px; 
	//padding: 5px; 	
	//background-color:#2E2E2E;
	background-color:#545454;
	border-style:solid; 
	border-color:#D8D8D8;
	border-width:0px 0px 1px 0px;
}

.sublist {
	//width:200px;
	padding-left: 30px; 	
}

.sublist:hover{
	background-color:#91B5FF;	
}

#tabstitle a {
	color:#D8D8D8;
}

#tabstitle a {
	color:#D8D8D8;
}

#tabstitle a:link {
	text-decoration: none;
}

#tabstitle a:visited {
	text-decoration: none;
}

#tabstitle a:active {
	text-decoration: none;
}

/*
#tabstitle a:hover {
	color:white; 
	background-color:#9FF781;
}*/

#tabsbody {
	display:block; 
	position: relative; 
	margin-left:180px;
	width:1000px;
	height: 750px;	
	//border: 2px solid red;
}

.tabpage {	
	display:block;
	position: absolute; 
	width:1000px;
	height: 750px;
	background-color:grey;
	border: 1px solid #D8D8D8;
}

/*
#adduserfrm, #adduserfrm {
	display:block;
	color:black;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border: 2px solid grey;
}*/

table.deluserinfo, table.modiuserinfo, table.adduserinfo, table.addhospitalinfo, table.modifyhospitalinfo {
	display:block;
	color:black;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border: 2px solid grey;	
}

table.adduserinfo tr{
	height:50px;
	text-align:left;
}

table.modiuserinfo tr{
	height:50px;
	text-align:left;	
}

table.deluserinfo tr{
	height:50px;
	text-align:left;	
}

table.addhospitalinfo tr{
	height:50px;
	text-align:left;	
}

table.modifyhospitalinfo tr{
	height:50px;
	text-align:left;	
}

table.hpt_info tr {
	height:50px;
	text-align:left;		
}

table.drug_info tr {
	height:50px;
	text-align:left;		
}

#address, #maddress, #daddress, #ahaddress, #mhaddress, #hptinfo_address, #druginfo_spec {
	width :  450px ; 
	height :  40px ; 
	border-color:#D8D8D8;
	border: 0px 1px 1px 0px;
	margin :  4px 0 ; 
	overflow :  auto ; 
	max-width :  450px ; 
	max-height :  40px ; 	
}

#hpt_filter_div, #drug_filter_div {
	display:none;
	position: fixed; 	
	width: 1647px;
	height: 920px;
	top:0px;
	leftp:0px;
	background:rgba(0,0,0,0.6);
	background:#000 9;						/*Just available for the browser under the version of IE9 (such as ie6, ie7, ie8), for IE10, FF, Cherome are unavailable */
	filter:Alpha(opacity=60);				/*Just available for IE7, IE8 */
	//border: 1px solid #2ECCFA;
}

#div_hpt_maintenance {
	display:none;
	//position: fixed; 					/*the position also can be 'absolute', it is opacity only to the part of text and image, but not to the other parts in the page. 
											  We do this, also for achieve the opacity of the text parts but not for others in the page under the version ie7,8,9 browser.*/
	width:600px;
	height: 400px;
	top: 280px;
	left: 350px;
	padding-top:30px;
	padding-left:40px;
	color:black;
	background-color:#D8D8D8;
	border: 1px solid #2ECCFA;
}

#div_drug_maintenance {
	display:none;
	//position: fixed; 					/*the position also can be 'absolute', it is opacity only to the part of text and image, but not to the other parts in the page. 
											  We do this, also for achieve the opacity of the text parts but not for others in the page under the version ie7,8,9 browser.*/
	width:600px;
	height: 250px;
	top: 280px;
	left: 350px;
	padding-top:30px;
	padding-left:40px;
	color:black;
	background-color:#D8D8D8;
	border: 1px solid #2ECCFA;
}

table.search_schedule tr, td {
	padding:5px;
}

#div_serach {
	display:block;
	margin:1%;
	padding: 1%;
	background-color:#C2BFBF;
}

#div_schedule_list {
	display:block;
	margin:1%;
	padding: 1%;
	background-color:#C2BFBF;
}

#hpt_filter_div #div_hpt_maintenance {
	position:relative;
}

#drug_filter_div #div_drug_maintenance {
	position:relative;
}

#hptinfo_register {
	margin-top:80px;
	margin-left:140px;	
}

#hptinfo_modify, #hptinfo_cancel, #hptinfo_delete {
	margin-top:80px;
	margin-left:70px;
}

#druginfo_register {
	margin-top:80px;
	margin-left:140px;	
}

#druginfo_modify, #druginfo_delete, #druginfo_cancel {
	margin-top:80px;
	margin-left:70px;
}

#hregister, #dregister, #sregister {
	margin-top:10px;
	margin-left:450px;	
}

.mybutton {
	//position: absolute;
	background-color:#4484B2;
	color:white;
	width:100px;	
}

.mybutton2 {
	//position: absolute;
	background-color:#4484B2;
	color:white;
	width:120px;	
}

.myspecialbutton {
	background-color:#4484B2;
	color:white;
	width:100px;		
}

#mquery, #dquery, #mhquery {
	margin-left:40px;
}

#register, #modify, #delete, #ahregister, #mhmodify {
	margin-top:50px;
	margin-left:200px;
}

#cancel, #mcancel, #dcancel, #ahcancel, #mhcancel {
	margin-top:50px;
	margin-left:300px;	
}

